<template>
    <input :name="$attrs.name" :type="$attrs.type" :autocomplete="$attrs.autocomplete" :required="$attrs.required"
        class="relative block w-full rounded-t-md border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
        :placeholder="$attrs.placeholder" @input="onInput" />
</template>
<script setup>
const emits = defineEmits("update:value");
const props = defineProps({
  value: String,
});

const onInput = (e) => {
  emits("update:value", e.target.value);
};
</script>